import Vue from "vue";
import VueRouter from "vue-router";

const Props = () => import("@/pages/Props");
const Event = () => import("@/pages/Event");
const VModel = () => import("@/pages/VModel");
const Sync = () => import("@/pages/Sync");
const AttrsListeners = () => import("@/pages/AttrsListeners");
const ChildrenParent = () => import("@/pages/ChildrenParent");
const Ref = () => import("@/pages/Ref");
const Root = () => import("@/pages/Root");
const Other = () => import("@/pages/Other");
const ProviderInject = () => import("@/pages/ProviderInject")

Vue.use(VueRouter);

export default new VueRouter({
    mode: "history",
    routes: [
        {
            path: "/props",
            name: "props",
            component: Props,
        },
        {
            path: "/event",
            name: "event",
            component: Event,
        },
        {
            path: "/vmodel",
            name: "vmodel",
            component: VModel,
        },
        {
            path: "/sync",
            name: "sync",
            component: Sync,
        },
        {
            path: "/attrsListeners",
            name: "attrsListeners",
            component: AttrsListeners,
        },
        {
            path: "/childrenParent",
            name: "childrenParent",
            component: ChildrenParent,
        },
        {
            path: "/root",
            name: "root",
            component: Root,
        },
        {
            path: "/ref",
            name: "ref",
            component: Ref,
        },
        {
            path: "/other",
            name: "other",
            component: Other,
        },
        {
            path: "/providerInject",
            name: "providerInject",
            component: ProviderInject,
        },
    ],
});
